<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form>
        <input type="text" name="search"> <button>搜索</button>
    </form>
    <a href="#/music">音乐</a>
    <a href="#/download">下载</a>

    <button class="reload">刷新页面</button>
    <script>
        // location 对象  
        // 1. href属性 （重点） 得到完整地址，赋值则是跳转到新地址
        console.log(location.href)
        // location.href = 'http://www.itcast.cn'

        // 2. search属性  得到 ? 后面的地址 
        console.log(location.search)  // ?search=笔记本

        // 3. hash属性  得到 # 后面的地址
        console.log(location.hash)

        // 4. reload 方法  刷新页面
        const btn = document.querySelector('.reload')
        btn.addEventListener('click', function () {
            // location.reload() // 页面刷新
            location.reload(true) // 强制页面刷新 ctrl+f5
        })
    </script>
</body>

</html>